<nz-layout>
  <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed">
    <div class="logo">
    </div>
    <ul nz-menu [nzTheme]="'dark'" [nzMode]="isCollapsed?'vertical':'inline'">
      <li nz-menu-item (click)="onToDetail('store')" >
        <span>
          <i class="anticon anticon-appstore" ></i>
          <span class="nav-text">热门策略</span>
        </span>
      </li>

      <li nz-menu-item (click)="onToDetail('files')" >
        <span>
          <i class="anticon anticon-file" ></i>
          <span class="nav-text">全部策略</span>
        </span>
      </li>

      <li nz-menu-item (click)="onToDetail('setting')" >
        <span>
          <i class="anticon anticon-setting" ></i>
          <span class="nav-text">设置</span>
        </span>
      </li>
    </ul>
  </nz-sider>
  <nz-layout>
    <nz-header style="background: #fff; padding:0;">
      <h1 style="margin-left: 20px;" >JoinQuant todoList for angular </h1>
    </nz-header>
    <nz-content style="margin:0 16px;">
      <div style="margin:12px 0;padding:24px; background: #fff; min-height: 360px;">
        <router-outlet></router-outlet>
      </div>
    </nz-content>
  </nz-layout>
</nz-layout>
